﻿@model Tecnosop.Dominio.FACTURA_VENTA_DIRECTA
@{
    ViewBag.Title = "Creación de nueva factura de venta directa";
    //Layout = "~/Views/FacturaVentaDirecta/_LayoutFacturaVentaDirecta.cshtml";
    Layout = MVC.Facturas.Views._LayoutFacturas;
}
@*@section css {
    <style type="text/css">
        .columnaIzq
        {
            width: 55%;
            float: left;
        }
        .celdaIzq
        {
            width: 30%;
            float: left;
        }
        .celdaDer
        {
            width: 15%;
            float: left;
        }
        .subColumna
        {
            border-right-style: solid;
            border-right-width: thin;
            border-right-color: #000000;
            border-bottom-style: solid;
            border-left-style: solid;
            border-bottom-width: thin;
            border-left-width: thin;
            border-bottom-color: #000000;
            border-left-color: #000000;
        }
        .celda
        {
            padding: 4px;
        }
        .celdaIzq, .celdaDer
        {
            border-right-width: thin;
            border-right-style: dotted;
            border-right-color: black;
        }
    </style>
}*@
@section script {
    <script type="text/javascript">
        $(document).ready(function () {
            $(".text-box").each(function () {
                $(this).css('padding-bottom', '0px');
                $(this).css('padding-top', '0px');
            });
        });
    </script>
}
@using (Html.BeginForm())
{
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Nueva factura de venta directa</legend>
        <div>
            <fieldset class="centrado" style="float: right; width: 300px; border-width: 2px; margin-bottom: 0px;">
                <div style="margin-top: 10px;">R.U.T.: @Html.EditorFor(model => model.RAZON_SOCIAL)</div>
                <div style="font-size: large; margin-top: 10px;">FACTURA</div>
                <div style="margin-top: 10px;">N° @Html.EditorFor(model => model.NUMERO_FACTURA)</div>
            </fieldset>
        </div>

        <div class="centrado" style="margin-bottom: 70px;">
            <p>
                <strong>TECNOSOP</strong>
                <br />
                Empresa de prestación de servicios de impresión y venta directa de insumos para
                la oficina.
            </p>
        </div>

        <fieldset>
            <legend>Identificación del cliente</legend>
            <br />
            <div class="tabla">
                <div class="columnaIzq">
                    <div class="subColumna" style="border-top-style: solid; border-top-width: thin; border-top-color: black;">
                        <div class="celda celdaIzq">@Html.LabelFor(model => model.CLIENTE.NOMBRE)</div>
                        <div class="celda">@Html.EditorFor(model => model.CLIENTE.NOMBRE)</div>
                    </div>

                    <div class="subColumna">
                        <div class="celda celdaIzq">@Html.LabelFor(model => model.CLIENTE.DIRECCION)</div>
                        <div class="celda">@Html.EditorFor(model => model.CLIENTE.DIRECCION)</div>
                    </div>

                    <div class="subColumna">
                        <div class="celda celdaIzq">@Html.LabelFor(model => model.CLIENTE.TELEFONO_1)</div>
                        <div class="celda">@Html.EditorFor(model => model.CLIENTE.TELEFONO_1)</div>
                    </div>

                    <div class="subColumna">
                        <div class="celda celdaIzq">@Html.LabelFor(model => model.CLIENTE.TELEFONO_2)</div>
                        <div class="celda">@Html.EditorFor(model => model.CLIENTE.TELEFONO_2)</div>
                    </div>

                    <div class="subColumna">
                        <div class="celda celdaIzq">@Html.LabelFor(model => model.CLIENTE.GIRO)</div>
                        <div class="celda">@Html.EditorFor(model => model.CLIENTE.GIRO)</div>
                    </div>
                </div>
                <div class="columnaDer">
                    <div class="subColumna" style="border-top-style: solid; border-top-width: thin; border-top-color: black;">
                        <div class="celda celdaDer">@Html.LabelFor(model => model.CLIENTE.RUT_CLIENTE)</div>
                        <div class="celda">@Html.EditorFor(model => model.CLIENTE.RUT_CLIENTE)</div>
                    </div>

                    <div class="subColumna">
                        <div class="celda celdaDer">@Html.LabelFor(model => model.CLIENTE.REGION)</div>
                        <div class="celda">@Html.EditorFor(model => model.CLIENTE.REGION)</div>
                    </div>

                    <div class="subColumna">
                        <div class="celda celdaDer">@Html.LabelFor(model => model.CLIENTE.COMUNA)</div>
                        <div class="celda">@Html.EditorFor(model => model.CLIENTE.COMUNA)</div>
                    </div>

                    <div class="subColumna">
                        <div class="celda celdaDer">@Html.LabelFor(model => model.CLIENTE.CUIDAD)</div>
                        <div class="celda">@Html.EditorFor(model => model.CLIENTE.CUIDAD)</div>
                    </div>

                    @*<div class="subColumna">
                        <div class="celda celdaDer">
                            Nombre</div>
                        <div class="celda">
                            Paulo Paillacar</div>
                    </div>*@
                </div>
            </div>
        </fieldset>
        
        <fieldset>
            <legend>Detalle de la factura</legend>
            <br />
            @(Html.Telerik().Grid(Model.DETALLE_FACTURA_VENTA_DIRECTA)
                .Name("DetalleFactura")
            )
        </fieldset>
    </fieldset>
}